// pages/order/order.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    currentCategory: 0,
    selectedOption: 'dineIn', // 默认选中堂食
    isStarred: false, // 收藏状态
    categories: [
      {name: '新品推荐', id: 1},
      {name: '门店热销', id: 2},
      {name: '面包', id: 3},
      {name: '糕点', id: 4},
      {name: '甜点', id: 5},
      {name: '饮品', id: 6},
      {name: '生日蛋糕', id: 7}
    ],
    storeInfo: {
      name: '广东东莞广东科技学院店',
      distance: '3.7km'
    },
    diningType: 'dineIn',
    goods:[
      {
        id:1,
        name: '黑糖千层糕',
        price: '21.00',
        image: '/image/home/ordering.png',
        quantity: 0
      }
    ],
    cart: {
      totalQuantity: 0,
      totalPrice: '0.00'
    },
    searchKeyword: ''
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    // 页面加载时的初始化操作
  },

  /**
   * 搜索相关方法
   */
  // 输入搜索关键词
  onSearchInput: function(e) {
    this.setData({
      searchKeyword: e.detail.value
    });
  },

  // 清空搜索框
  onSearchClear: function() {
    this.setData({
      searchKeyword: ''
    });
  },

  /**
   * 商品数量控制模块
   */
  // 增加商品数量
  onAddClick(e) {
    const index = e.currentTarget.dataset.index;
    let goods = this.data.goods;
    if (!goods[index].quantity) {
      goods[index].quantity = 0;
    }
    goods[index].quantity += 1;
    this.setData({
      goods: goods
    });
    this.updateCart();
  },

  // 减少商品数量
  onMinusClick(e) {
    const index = e.currentTarget.dataset.index;
    let goods = this.data.goods;
    if (goods[index].quantity > 0) {
      goods[index].quantity -= 1;
      this.setData({
        goods: goods
      });
      this.updateCart();
    }
  },

  /**
   * 购物车模块
   */
  // 更新购物车数据
  updateCart() {
    const goods = this.data.goods;
    let totalQuantity = 0;
    let totalPrice = 0;
    
    goods.forEach(item => {
      totalQuantity += item.quantity || 0;
      totalPrice += (item.quantity || 0) * parseFloat(item.price);
    });

    this.setData({
      'cart.totalQuantity': totalQuantity,
      'cart.totalPrice': totalPrice.toFixed(2)
    });

    // 更新购物车显示文本
    if (totalQuantity === 0) {
      this.setData({
        'cart.text': '暂无商品，请先选购'
      });
    } else {
      this.setData({
        'cart.text': `共 ${totalQuantity} 件商品`
      });
    }
  },

  /**
   * 页面交互模块
   */
  // 切换收藏状态
  onChangeTap() {
    this.setData({
      isStarred: !this.data.isStarred
    });
    // 可以在这里添加收藏/取消收藏的提示
    wx.showToast({
      title: this.data.isStarred ? '已收藏' : '已取消收藏',
      icon: 'success',
      duration: 1500
    });
  },

  // 切换分类
  switchCategory(e) {
    const index = e.currentTarget.dataset.index;
    this.setData({
      currentCategory: index
    });
    this.loadCategoryContent(index);
  },

  loadCategoryContent(index) {
    // 加载对应分类的商品数据
    console.log('加载分类内容：', this.data.categories[index].name);
  },

  // 切换用餐方式
  switchToDineIn() {
    this.setData({
      selectedOption: 'dineIn'
    });
  },

  switchToTakeout() {
    this.setData({
      selectedOption: 'takeOut'
    });
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  },

  // 点击地址时的处理函数
  handleAddressClick() {
    wx.openLocation({
      latitude: 23.123456, // 替换为实际的纬度
      longitude: 113.123456, // 替换为实际的经度
      name: this.data.storeInfo.name,
      address: this.data.storeInfo.address,
      scale: 18
    })
  },

  /**
   * 页面跳转模块
   */
  // 去结算
  goToPay() {
    // 检查购物车是否为空
    if (this.data.cart.totalQuantity <= 0) {
      wx.showToast({
        title: '请先选择商品',
        icon: 'none',
        duration: 2000
      });
      return;
    }

    // 构建跳转参数
    const params = {
      amount: this.data.cart.totalPrice,
      storeName: this.data.storeInfo.name,
      diningType: this.data.selectedOption
    };

    // 将对象转换为查询字符串
    const queryString = Object.keys(params)
      .map(key => `${key}=${encodeURIComponent(params[key])}`)
      .join('&');

    // 执行跳转
    wx.navigateTo({
      url: `/pages/pay/pay?${queryString}`,
      success: () => {
        console.log('跳转成功');
      },
      fail: (err) => {
        console.error('页面跳转失败:', err);
        wx.showToast({
          title: '跳转失败，请重试',
          icon: 'none',
          duration: 2000
        });
      }
    });
  }
})